//封装的setCookie方法
function setCookie(name, value, day) { //一条cookie记录："name=value;"
  var oDate = new Date();
  oDate.setDate(oDate.getDate() + day);
  document.cookie = name + "=" + value + "expires=" + oDate; //创建一条新的cookie记录，并且规定几天过期
}
//封装的getCookie函数，通过name查找
function getCookie(name) {
  var str = document.cookie; //取得所有缓存下来的cookie记录
  var arr = str.split("; "); //使用对应字符串方法进行分割（；），保存到数组中arr
  for (var i = 0; i < arr.length; i++) { //循环遍历
    var arr1 = arr[i].split("="); //使用对应字符串方法进行分割（=），保存到数组中arr1
    if (arr1[0] == name) {
      return arr1[1]; //返回name对应的数值value
    }
  }
}
//封装的removeCookie函数
function removeCookie(name) {
  setCookie(name, 1, -1);
}
/* ======================================================================= */
window.onload = function () {
  var aInput = document.getElementsByTagName("input"); //获取到输入框元素组
  if (getCookie("username")) { //查找记录是否存在，存在获取到对应的值
    aInput[0].value = getCookie("username").replace("expires", "");
    aInput[1].value = getCookie("password").replace("expires", "");
  }
  aInput[3].onclick = function () { //给按钮添加事件驱动函数
    var username = aInput[0].value;
    var password = aInput[1].value;
    if (aInput[2].checked) { //判断复选框是否选中
      setCookie("username", username, 7);
      setCookie("password", password, 7);
    }
  }
}